<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--基于框架引入的css-->
		<link href="../libs/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/icons-extra.css" />
		
		<!--自定义样式引入-->
		<link href="../css/common.css" rel="stylesheet" />
		<link href=" ../css/my.css" rel="stylesheet" />
	</head>

	<body class="my" data-path='../libs/i18n/'>
		<!-- 我的BEGIN -->
		<div class="mui-content" id="main"  v-cloak="">
			<!--头部-->
			<div class="header-content mui-clearfix" id="userInfo">
				<div class="mui-clearfix header-icons">
					<a class=" mui-icon mui-icon-gear mui-pull-left"></a>
		    		<a class="mui-icon-extra mui-icon-extra-sweep mui-pull-right" @click="scanCode"></a>
				</div>
				<div class="box-flex">
					<div class="flex-1">
						<div class="box-flex">
							<div class="header-img ">
								<img v-if="!ifLogin" src="../../img/dock_me_actived.png" alt="" />
								<img v-else src="../../img/dock_me_actived.png" alt="" />
							</div>
							<div class="header-inf" @click="getMessage">
								<div v-if="!ifLogin">
									<p class="user-name">点击登录</p>
								</div>
								<div v-else>
									<p class="user-name">{{data.mobilePhone}}</p>
									<p class="user-phoneNum">昵称：{{data.nickName}}</p>
								</div>
							</div>
						</div>
					</div>
					<div class="flex-1 mui-text-right">
						<span class=" user-QRcode" ></span>
					</div>
				</div>
			</div>

			<ul class="mui-row mui-text-center" style="list-style: none;padding-left: 12px; ">
				<li class="mui-col-xs-6 mui-col-sm-6">
					<span class="header-bottom-item"><span class="icon-bottom share-icon"  ></span>分享</span>
				</li>
				<li class="mui-col-xs-6 mui-col-sm-6">
					<span class="header-bottom-item"><span class="icon-bottom invite-icon"  ></span>邀请函</span>
				</li>
			</ul>

			<!--列表-->
			<div class="list-group">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" @click="openMyActive">
						<span data-lang="my_accountBalance">活动</span>
						<div class="mui-pull-right">
							<span id="remainAmount"></span>
							<span class="mui-icon mui-icon-arrowright"></span>
						</div>
					</li>
					<li class="mui-table-view-cell" id="tradeInfo">
						<span >项目</span>
						<div class="mui-pull-right">
							<span id="tradeNum"></span>
							<span class="mui-icon mui-icon-arrowright"></span>
						</div>
					</li>
					<li class="mui-table-view-cell" id="bankCard">
						<span >投诉</span>
						<div class="mui-pull-right">
							<span id="cardNum"></span>
							<span class="mui-icon mui-icon-arrowright"></span>
						</div>
					</li>
				</ul>
				<ul class="mui-table-view" style="margin-top: 5px;">
					<li class="mui-table-view-cell" id="bankCard">
						<span >调查</span>
						<div class="mui-pull-right">
							<span id="cardNum"></span>
							<span class="mui-icon mui-icon-arrowright"></span>
						</div>
					</li>
					<li class="mui-table-view-cell" id="bankCard">
						<span >收藏</span>
						<div class="mui-pull-right">
							<span id="cardNum"></span>
							<span class="mui-icon mui-icon-arrowright"></span>
						</div>
					</li>

					<li class="mui-table-view-cell" id="bankCard">
						<span >消息</span>
						<div class="mui-pull-right">
							<span id="cardNum"></span>
							<span class="mui-icon mui-icon-arrowright"></span>
						</div>
					</li>
				</ul>
				
			</div>
		</div>
		<!-- 我的END -->
		<!--基于框架引入的js-->
		<script src="../libs/js/mui.min.js"></script>
		<script src="../libs/js/vue.min.js"></script>
		<script src="../libs/js/jquery-3.2.1.min.js"></script>
		<script src="../libs/js/jquery.i18n.properties.js"></script>
		<!--本页面相关js-->
		<script src="../js/common.js"></script>
		<script src="../js/my.js"></script>
		<script>
			mui.init();
		</script>
	</body>

</html>